<style type="text/css">
.fui-tab-scroll .item a {color:#999}
.fui-tab-scroll .item.on,.fui-tab-scroll .item.on a{color:#333;font-weight: 400;position: relative;font-size:0.85rem}
.fui-tab-scroll .item.on:before {content: ""; height: 2px; width: 40%; background: #db232b; position: absolute; bottom:0; left: 30%}
.fui-tab-scroll .item.active{color:#db232b;}
.fui-list-inner .title {
	position: relative;
	font-size: 0.75rem;
}

.syscolor{color:{{main.syscolor||'#cdab6a'}}}
.sysbgcolor{background-color:{{main.syscolor||'#cdab6a'}}}
.jylabel-red {
	border: 1px solid {{main.syscolor||'#cdab6a'}};color:{{main.syscolor||'#cdab6a'}};background-color:#fff;
}
.jylabel-red.active,.jylabel-red:focus,.jylabel-red:hover,.jylabel-red[href]:focus,.jylabel-red[href]:hover {
	background-color:{{main.syscolor||'#cdab6a'}};color:#fff;
}
.jylabel-red.active,.jylabel-red:focus,.jylabel-red:hover,.jylabel-red[href]:focus,.jylabel-red[href]:hover {
	background-color:{{main.syscolor||'#cdab6a'}};
	color:#fff;
	border: 1px solid {{main.syscolor||'#cdab6a'}};color:#fff;
}
.fui-goods-item .detail .price .text {
    color: {{main.syscolor||'#cdab6a'}};
}
.fui-tab-scroll .item.on:before {background: {{main.syscolor||'#cdab6a'}};}
.carousel {margin-top:0}
.fui-header:after {
	border-bottom: 0 solid #D9D9D9;
}
.fui-searchbar {padding-top:0.3rem;padding-bottom:0.3rem;margin-top:-2rem;height:auto;border-top-right-radius:1rem;border-top-left-radius:1rem;}
.searchbar .search-input input {
    height: 1.6rem;
}
.search-input i {
    line-height: 1.7rem;
}
.fui-notice:before {
    border-top: 1px dashed #e2e2e2;
}

.fui-notice:after {
    border-top: 1px dashed #e2e2e2;
}
.btn.btn-danger-o {
    background: transparent;
    color: {{main.syscolor||'#cdab6a'}};
    border: 1px solid {{main.syscolor||'#cdab6a'}};
}
.red {color:{{main.syscolor||'#cdab6a'}}}
</style>
<div class="fui-page fui-page-current">
	<div class="fui-content">
		<div class="topbg" style="position: relative;text-align:center;width:100%;height:4.5rem;background: {{main.syscolor||'#cdab6a'}};">
			<div class="fui-header" style="background:none">
				<div class="fui-header-left" style="padding-left:0.5rem">
					<img style="height:1.4rem" ng-src="{{tomedia(pagedata.pluginset.logo) || '../addons/jy_qiuyuyue/resource/images/logo.png'}}"/>
				</div>
				<div class="title"></div>
				<div class="fui-header-right bold" style="padding-right:0.5rem;color:#333">
					<i class="icon jinyunicon icon-map" style="font-size: 0.65rem;margin-right:10px">
						{{pagedata.street||'未获取地址'}}
					</i>
					<span ng-click="pagedata.showarea =1" ng-show="pagedata.params.district" style="font-size:0.65rem">{{pagedata.params.district}}</span>
					<span ng-click="pagedata.showarea =1" ng-show="!pagedata.params.district" style="font-size:0.65rem">{{pagedata.params.city || '广州市'}}</span>
					<i ng-click="pagedata.showarea =1" class="icon jinyunicon icon-moreunfold"></i>
					<i class="icon jinyunicon icon-liaotian" ng-click="access_json('jy_weishop/member.index/')" style="font-size: 1rem;"></i>
				</div>
			</div>
		</div>
		<div class="fui-searchbar bar" style="background:#fff;z-index: 0;">
					<div ng-class="{'searchbar':1,'searchbar-active':pagedata.searchbar ==1}" style="background:none">
							<div style="position: relative;left:0;top:0;">
								<div class="search-input" style="">
									<i id="searchsub" class="icon icon-sousuo1" ng-click="access_json('jy_qiuyuyue/serverlist//keyword='+pagedata.params.keyword)"></i>
									<input type="search" placeholder="{{pagedata.pluginset.searchtitle ||'羽毛球馆'}}" class="search" ng-model="pagedata.params.keyword" style="text-align: left; color: #999; font-size:0.6rem;background:#f9f9f9;border-radius: 1rem;" />
								</div>
							</div>
					</div>
					<div class="row margin0">
							<div ng-repeat="item in pagedata.groups" href="javascript:;" ng-click="access_json('jy_qiuyuyue/serverlist//groupid='+item.id)" class="jylabels jylabel-f3f3f3" ng-click="pagedata.params.groupid=item.id">{{item.title}}</div>
					</div>
		</div>
		<div ng-if="pagedata.notices.length>0" class="fui-notice">
			<div class="image"><img src="../core/resource/images/diy/hotdot.jpg"></div>
			<div class="icon"><i class="fa fa-volume-up" style="font-size: 0.7rem;"></i></div>
			<div class="text">
				<ul>
						<li ng-repeat="item in pagedata.notices">
							<a href="javascript:;" ng-click="access_json('core/article.list/detail/id='+item.id)">{{item.title}}</a>
						</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">
			function autoScroll(obj){
				$(obj).find("ul").animate({  
					marginTop : "-1rem"  
				},800,function(){  
					$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
				})  
			}  
			$(function(){  
				setInterval('autoScroll(".fui-notice .text")',3000);
			}) 
		</script>
		<!-- 滚动后出现 -->
		<div ng-if="showtopheader || pagedata.isgolist" class="fui-header searchtop" style="height:2.6rem;background:#fff">
			<div class="fui-header-left">
				<a class="back" href="javascript:" ng-click="goback()"></a>
			</div>
			<div class="fui-header-input" style="top:0.5rem;right:0.5rem">
				<div class="searchbar searchbar-active" style="margin-left:1.6rem">
						<div class="search-input" style="margin-right:0.5rem">
							<i id="searchsub" class="icon icon-sousuo1" ng-click="access_json('jy_qiuyuyue/serverlist//keyword='+pagedata.params.keyword)"></i>
							<input type="search" placeholder="{{pagedata.pluginset.searchtitle ||'羽毛球馆'}}" class="search" ng-model="pagedata.params.keyword" style="text-align: left; color: #999; font-size:0.6rem;background:#f9f9f9;border-radius: 1rem;border: 0 solid #ddd;" />
						</div>
				</div>
			</div>
		</div>
		<div class="fui-page-title" style="text-align:left">
					  <div style="font-size:0.8rem">下午好，{{pagedata.member.nickname}}</div>
		</div>
		<div ng-include="sys_html('common/_hdps')" class="radius" style="padding:0 0.5rem;"></div>
		<div ng-if="pagedata.pluginset.bankuai1.length>0" class="radius" style="padding: 0.25rem 0.5rem;width:100%">
		<div class="fui-icon-group noborder col-5 radius" style="background: #ffffff">
			<a class="fui-icon-col external" ng-repeat="item in pagedata.pluginset.bankuai1" ng-if="item.is_install!=1" href="javascript:;" ng-click="access_json(item.action)" data-nocache="true">
					<div class="icon"><img src="{{tomedia(item.img) || '../core/resource/images/nopic.jpg'}}"></div>
					<div class="text" style="color: #666666;">{{item.title}}</div>
			</a>
		</div>
		</div>
		<div ng-if="pagedata.pluginset.bankuai2.length>0" class="radius" style="padding: 0.25rem 0.5rem;width:100%">
		<div class="fui-icon-group noborder col-5"  style="background: #ffffff">
			   <div class="fui-icon-col external" ng-repeat="item in pagedata.pluginset.bankuai2" ng-if="item.is_install!=1" style="margin-top:0.2rem 0 0 0" ng-click="access_json(item.action)">
							<div class="badge" style="background-color: #f60;"></div>
							<div class="icon icon-green radius" style="height:36px;line-height:36px"><i class="icon {{item.icon}}" style="color: {{item.color}};font-size:22px;"></i></div>
							<div class="text" style="font-size:0.55rem;">{{item.title}}</div>
			   </div>
		</div>
		</div>
		<div ng-if="pagedata.pluginset.indexad01" class="fui-cube" style="padding: 0.25rem 0.5rem;height:auto">
			<img ng-click="access_json(pagedata.pluginset.indexad01url)" style="width:100%" ng-src="{{tomedia(pagedata.pluginset.indexad01)}}"/>
		</div>
		<div class="fui-tab-scroll" style="padding-left:0.5rem;margin-top:-0.3rem">
						<div ng-class="{'item':1,'on':pagedata.params.storetype!=1}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.storetype=0;pagedata.getstorelist(0)">附近{{pagedata.pluginset.storeunit || '场馆'}}</a></div>
						<div ng-class="{'item':1,'on':pagedata.params.storetype==1}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.storetype=1;pagedata.getstorelist(1)">常去{{pagedata.pluginset.storeunit || '场馆'}}</a></div>
						<div href="javascript:;" ng-click="access_json('jy_qiuyuyue/storelist/')" class='item' style="position: absolute;right:0;color:{{main.syscolor||'#cdab6a'}}">更多场馆 >></div>
		</div>
		<div class="fui-list-group merchgroup" style="margin:0.2rem 0.5rem;border-radius:0.3rem;" ng-repeat="item in pagedata.storelist">
					<div class="fui-list">
						<a class="fui-list-inner" style="margin-top:0.16rem" href="javascript:;" ng-click="access_json('jy_qiuyuyue/store//id='+item.id)">
							<div class="title" style="font-size:0.76rem">{{item.brandname || '无'}}({{item.title}}) <span ng-if="item.distance>0" class="syscolor r-f" style="text-align:right;font-size:0.65rem;">{{item.distance}}km</span></div>
							<div class="subtitle">
								<i class="icon icon-clock" style="font-size:0.65rem"></i> {{item.time.start || '8:00'}} ~ {{item.time.end || '22:00'}}
								<span href="tel:{{item.mobile}}" class="r-f" style="font-size:0.65rem"><i class="icon icon-phone" style="font-size:0.65rem"></i> 联系场馆</span>
							</div>
						</a>
					</div>
					<div class="fui-list">
						<div class="fui-list-inner subtitle" style="font-size:0.55rem">
							<i class="icon icon-map" style="font-size:0.6rem"></i>
							{{item.address || '该场馆还未填写地址'}}
						</div>
						 <div class="row-remark text-cancel" style="width: 4rem; font-size: 0.65rem;text-align: right;">
							<div href="javascript:;" ng-click="access_json('jy_qiuyuyue/store//id='+item.id)" class="jylabel jylabel-red active sysbgcolor" style="border: 1px solid {{main.syscolor||'#cdab6a'}};background-color: {{main.syscolor||'#cdab6a'}};border-radius:1rem;font-weight:400">选择该店</div>
						 </div>
					</div>
					
		</div>
		<div class="content-empty" style="margin-top:0.5rem" ng-show="!pagedata.storelist || pagedata.storelist.length == 0 ">
		  <i class="icon jinyunicon icon-cry" style="width: 6rem;margin-bottom: 0.5rem;"></i><br/><p style="color: #999;font-size: .75rem">该区域暂时没有场馆！</p>
		</div>
		<div ng-if="pagedata.pluginset.indexad02" class="fui-cube" style="padding: 0.25rem 0.5rem;height:auto">
			<img ng-click="access_json(pagedata.pluginset.indexad02url)" style="width:100%" ng-src="{{tomedia(pagedata.pluginset.indexad02)}}"/>
		</div>
		<div class="fui-tab-scroll" style="padding-left:0.5rem;margin-top:-0.3rem">
			<div class="item on" style="margin:auto;height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=1;pagedata.getlist(1);">{{pagedata.pluginset.severtab_title ||'场馆项目'}}</a></div>
		</div>
		<div style="padding: 0.25rem 0.5rem;width:100%">
			<div ng-repeat="item in pagedata.severlist" class="fui-goods-group block" style="padding:0;margin-bottom:0.3rem">
					<div ng-include="sys_html('common/_severlistone')"></div>
			</div>
			<div ng-if="pagedata.showgetstore" ng-include="sys_html('common/_getstore')"></div>
		</div>
		<div ng-if="pagedata.pluginset.indexad03" class="fui-cube" style="padding: 0.25rem 0.5rem;height:auto">
			<img ng-click="access_json(pagedata.pluginset.indexad03url)" style="width:100%" ng-src="{{tomedia(pagedata.pluginset.indexad03)}}"/>
		</div>
		<div class="fui-tab-scroll" style="padding-left:0.5rem;margin-top:-0.3rem">
			<div class="item on" style="margin:auto;height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=2;pagedata.getlist(2);">{{pagedata.pluginset.timetab_title ||'优惠次卡'}}</a></div>
		</div>
		<div style="padding: 0.25rem 0.5rem;width:100%">
			<div ng-repeat="item in pagedata.timelist" class="fui-list-group merchgroup" style="margin-top:0">
					<div ng-include="sys_html('common/_timelistone')"></div>
			</div>
		</div>
		<div ng-if="pagedata.pluginset.indexad04" class="fui-cube" style="padding: 0.25rem 0.5rem;height:auto">
			<img style="width:100%" ng-src="{{tomedia(pagedata.pluginset.indexad04)}}"/>
		</div>
		<div ng-if="pagedata.pluginset.no_jifen!=1" class="fui-tab-scroll" style="padding-left:0.5rem;margin-top:-0.3rem">
			<div class="item on" style="margin:auto;height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=3;pagedata.getlist(3);">{{pagedata.pluginset.jifentab_title ||'积分商城'}}</a></div>
		</div>
		<div ng-if="pagedata.pluginset.no_jifen!=1" style="padding: 0.25rem 0.5rem;width:100%" ng-include="sys_html('common/_jifen_you')">
		</div>
	</div>
</div>
<div ng-include="sys_html('common/_tanxieyi')"></div>
<div ng-include="sys_html('common/_area')"></div>
<div ng-include="sys_html('common/_gotop',true)"></div>
<script type="text/javascript">
scope.pagedata.pluginset.issearch=1;
//手机软键盘--搜索
$("body").keydown(function() {
    if (event.keyCode == "13") {
        $('#searchsub').click();
    }
});
scope.pagedata.getstorelist=function(){
	var type=scope.pagedata.params.storetype
	var limit=scope.pagedata.pluginset.limit?scope.pagedata.pluginset.limit:3
	scope.pagedata.storelist=[];
	scope.get('jy_qiuyuyue/index/list/limit='+limit+'&lat='+scope.pagedata.params.lat+'&lng='+scope.pagedata.params.lng+'&type='+type+'&province='+scope.pagedata.params.province+'&city='+scope.pagedata.params.city,function(res){
		scope.pagedata.storelist=res.list
	});
}
scope.get('jy_qiuyuyue/serverlist/list/limit=10',function(res){
	scope.pagedata.severlist=res.list
});
scope.get('jy_qiuyuyue/timeserver/list/limit=10',function(res){
	scope.pagedata.timelist=res.list
});
scope.pagedata.getlist=function(type){
	if(type){
		scope.pagedata.list=[];
		scope.pagedata.params.page=1;
		scope.pagedata.loading=true;
	}
}
// 百度地图API功能
if(!scope.pagedata.params.lat){
	window.scope.location(function(re){
		scope.pagedata.params=scope.pagedata.params?scope.pagedata.params:{}
		if(!scope.pagedata.params.city){
			scope.pagedata.params.province = re.addressComponents.province;
			scope.pagedata.params.city = re.addressComponents.city;
		}
		scope.pagedata.params.lat=re.lat_lng.lat;
		scope.pagedata.params.lng=re.lat_lng.lng;
		scope.pagedata.street=re.addressComponents.street;
		scope.pagedata.getstorelist();
	});
}else{
	scope.pagedata.getstorelist();
}
</script>
<div ng-include="sys_html('_footer')"></div>